<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>userInfo</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="用户信息">
    <link href="../bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="../bootstrap/3.3.5/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="../bootstrap/3.3.5/css/font-awesome.min.css" rel="stylesheet">
    <link href="../bootstrap/3.3.5/css/blue.css" rel="stylesheet">
    <script src="../jquery/1.11.3/jquery.min.js"></script>
    <script src="../jquery/jquery.form.min.js"></script>

    <script src="../bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="../bootstrap/3.3.5/js/bootstrap-datetimepicker.min.js"></script>

    <script src="../bootstrap/3.3.5/js/bootbox.js"></script>
    <script src="../bootstrap/3.3.5/js/icheck.min.js"></script>
    <script>
        $(function () {
            $('#startTime').datetimepicker({
                format: 'yyyy-mm-dd hh:ii:ss',
                todayBtn: true,
                autoclose: true,
                todayHighlight: true
            });
            $('#endTime').datetimepicker({
                format: 'yyyy-mm-dd hh:ii:ss',
                todayBtn: true,
                autoclose: true,
                todayHighlight: true
            });
        });
    </script>
    <style>
        .over_style {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
<div>
    <hr/>
    <form action="/queryUser" method="post" class="form-inline">
        <div class="form-group" >
            <label class="queryLabel" >姓名:</label>
            <input type="text" name="name" class="form-control " value="${user.name}" >
        </div>
        <div class="form-group" >
            <label class="queryLabel" >性别:</label>
            <input type="text" name="sex" class="form-control " value="${user.sex}" >
        </div>
        <div class="form-group" >
            <label class="queryLabel" >年龄:</label>
            <input type="text" name="age" class="form-control " value="${user.age}" >
        </div>
        <div class="form-group" >
            <label class="queryLabel" >生日:</label>
            <input type="text" class="form-control " name="startTime" id="startTime" value="${user.birthday}">
        </div>
        <div class="form-group" >
            <button type="submit" class="btn btn-default btnSubmit">查询</button>
        </div>
    </form>
    <hr/>
        <span>Name:${user.name}</span>
        <span>Age:${user.age}</span>
        <span>Sex:${user.sex}</span>
        <span>Birthday:${user.birthday}</span>
    <hr/>
    <p/>

    <hr/>

    <table class="table table-bordered table-hover table-striped table-condensed" style="table-layout:fixed">
        <thead>
        <tr>
            <th width="40px;">序号</th>
            <th width="160px;">姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>生日</th>
            <th>操作</th>
        </tr>
        </thead>

        <tbody>
            <#list users as userInfo>
            <tr>
                <td class="over_style">${(userInfo.id)!''}</td>
                <td class="over_style">${(userInfo.name)!''}</td>
                <td class="over_style">
                    <#switch userInfo.sex>
                        <#case 0>未知<#break >
                        <#case 1>男<#break >
                        <#case 2>女<#break >
                        <#default>
                    </#switch>
                </td>
                <td class="over_style">${(userInfo.age)!''}</td>
                <td class="over_style">${(userInfo.birthday)!''}</td>
                <td class="over_style">刷新
                    <#--<a href="${base}/user/freshUserInfo?id=${(userInfo.id)!''}"-->
                        <#--class="btn btn-default btn-sm">刷新</a>-->
                </td>
            </tr>
            </#list>
        </tbody>
    </table>

</div>
</body>
</html>